.login-container {
    height: 100vh;
    background-color: #0263F1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('./assets/bg1.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 0px -220px;
        z-index: 1;
    }

    &::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('./assets/bg3.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: -10px calc(100vh - 280px);
        z-index: 1;
    }

    .ant-pro-form-login-page {
        .ant-form:nth-child(1) {
            display: none;
        }
        .ant-pro-form-login-page-other {
            .ant-form:nth-child(1) {
                display: block;
            }
        }
        
    }

    // &.drak {
    //     background-image: linear-gradient(to left, #371c2c, #352032, #322437, #2e273c, #2a2b3f, #262f42, #223245, #1e3646, #193a47, #163e47, #174145, #1b4442);
    // }

    .right-shadow {
        box-shadow: inset -20px 0px 60px -20px #93FFFFFF ;
    }
}

.animate-down {
    animation: fadeInDown 0.5s ease-in-out;
}

// 写一个向下入场淡入的动画
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-60px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
